<!-- 这里还是一个标准的BUI页面 -->
<!-- 侧滑栏的父层, -->
<style type="text/css">
    .bui-slide .bui-slide-head {
        bottom: 0;
    }

    .slide-nav {
        margin-bottom: .2rem;
        background-color: #ffffff;
    }

    .slide-nav .bui-btn {
        border: 0;
    }

    .slide-nav .icons-round {
        width: 0.88rem;
        height: 0.88rem;
        line-height: 0.88rem;
        text-align: center;
        border-radius: .2rem;
        margin: 0.2rem auto;
    }

    .slide-nav .icons-round i {
        font-size: 0.54rem;
        color: #fff;
        margin: 0;
    }

    .slide-nav .span1 {
        margin-bottom: 0.1rem;
    }

    .slide-nav .bui-slide-head {
        text-align: center;
        background: #fff;
        width: 100%;
        bottom: .1rem;
    }

    .index-nav .span1 {
        font-size: 0.2rem;
    }

    .bui-slide .bui-slide-head ul li {
        background-color: #d9d9d9;
    }

    .bui-slide .bui-slide-head ul li.active {
        background-color: #0072c5;
    }

    .slide-nav .bui-fluid-space [class*=span] {
        padding-left: 0;
        padding-right: 0;
    }

    .newcourse-panel .bui-panel-head {
        border-bottom: 0;
    }

    .slide-focus .bui-slide-main li {
        padding: 0 0.2rem 0.2rem;
    }

    .slide-focus .bui-slide-head {
        height: 0.2rem;

        top: -0.7rem;
        bottom: auto;
        text-align: right;
    }

    .index-menu .span6 {
        padding-top: .25rem;
        padding-bottom: .25rem;
        border-bottom: 1px solid #eee;
        border-right: 1px solid #eee;
    }

    .index-menu .ring {
        border: 2px solid #4ad1dd;
        width: .72rem;
        height: .72rem;
        line-height: .54rem;
        margin-left: .2rem;
        margin-right: .2rem;
    }

    .footer-nav .bui-btn {
        background-color: transparent;
    }

    .footer-nav .big-btn .icon {
        color: #ffffff;
        border-radius: 50%;
        background-color: #0aa9e3;
        height: 0.9rem;
        width: 0.9rem;
        line-height: 0.9rem;
        font-size: 0.64rem;
    }


    #container{
        width: 100%;
        position: relative;
        height: 40px;
        overflow: hidden;
        background-color: white;
        font-weight: bold;
    }
    #list-wrapper{
        position: relative;
        top: 0;
    }
    .notice-list {
        list-style: none;
        background: white;
        text-align: center;
        padding: 0 10px;
    }
    .notice-list li{
        height: 35px;
        line-height: 35px;
        color: black;
        width: 6rem;
        white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
    }

    .listImg{
        width: 3rem;
        height: 1.7rem;
        object-fit: contain;
    }
    .listImg2{
        width: 2.2rem;
        height: 1.7rem;
        object-fit: contain;
    }
    .listTab{
        color: #f15c3a;
    }
    .imgBJPC{
        text-align: center;
        padding-left: 15px;
        max-height: 225px;
        overflow: hidden;
    }
    .imgBJ{
        text-align: center;
        padding-left: 15px;
        max-height: 70px;
        overflow: hidden;
    }
    .zdK{
        float: left;
        color: white;
        background-color: #32d296;
        margin-top: 1px;
        margin-right: 5px;
        border-radius: 2px;
        padding: 0 10px;
    }
    .icons-round {
        width: 0.88rem;
        height: 0.88rem;
        line-height: 0.88rem;
        text-align: center;
        border-radius: .2rem;
        margin: 0.2rem auto;
    }
    .language {
        margin: 5px;
        font-size: 0.22rem;
    }
    .languageSelect{
        width: 18px;
        margin-right: 5px;
        background: white;
        color: black;
        border: 0;
        height: 18px;
        padding: 0;
    }
    .typeYs{
        height: 30px;
        line-height: 30px;
        width: 80%;
        text-align: center;
        background: rgb(244,244,244);
        border-radius: 30px;
        margin: 0 auto;
        font-size: 13px;
    }
</style>
<div class="bui-page bui-box-vertical" id="flPageLoading" style="height: 100%;background: rgb(245,245,245)">
    <div class="ignore" style="background-color: rgb(255,85,46);min-height: 30px;line-height: 30px;color: white;text-align: right" id="languageContent">
    </div>
    <header>
        <div class="bui-bar" style="background-color: rgb(255,85,46)">
            <div class="bui-bar-left">
                <!-- 左边有图标示例 -->
                <div class="bui-btn btn-back" id="flPageFh"><i class="icon-back"></i></div>
            </div>
            <div class="bui-bar-main" id="typeTitle"></div>
            <div class="bui-bar-right">
            </div>
        </div>
    </header>
    <main>
        <img id="advertiseType" style="width: 100%; height: 1.5rem;display: none">

        <div class="bui-box" style="height: 50px; line-height: 50px;background: white; margin-bottom: 5px">
            <div class="span1" style="font-size: 17px;color: black;padding-left: 15px">
                <span id="mainPage">首页</span> > <span id="topCate"></span>
            </div>
            <div style="color: rgb(177,177,177); font-size: 13px;padding-right: 15px" id="moreCate">
                更多类别<i class="icon-listright"></i>
            </div>
        </div>
        <div class="bui-box-vertical" style="background: white;margin-bottom: 10px;padding: 10px;" id="typeXx">
        </div>


        <div id="scrollList2" class="bui-scroll" style="background: white">
            <div class="bui-scroll-head"></div>
            <div class="bui-scroll-main">
                <ul class="bui-list bui-list-thumbnail">

                </ul>
            </div>
            <div class="bui-scroll-foot"></div>
        </div>
    </main>
    <footer>
        <!-- 底部内容 -->
    </footer>
</div>
